import Head from 'next/head';
import Examples from '../../../example-groups/StickyPinningExamples';

<Head>
  <title>{'Column Pinning Example - Material React Table V3 Docs'}</title>
  <meta
    name="description"
    content="An example of Material React Table which shows how to make the header and footer sticky while scrolling."
  />
  <meta
    property="og:title"
    content="Column Pinning Material React Table Example"
  />
  <meta
    property="og:description"
    content="An example of Material React Table which shows how to make the header and footer sticky while scrolling."
  />
</Head>

## Column Pinning Example

Material React Table has an easy-to-enable column pinning feature. Columns can be pinned to the left or right of the table, and the column will be frozen in place while the rest of the table scrolls horizontally. See the [Column Pinning Feature Guide](/docs/guides/column-pinning) for more information.

<Examples isPage />

View Extra Storybook **[Examples](https://www.material-react-table.dev/?path=/story/prop-playground--default)**
